<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://js.arcgis.com/3.28/esri/css/esri.css" />
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">

    <script src="https://js.arcgis.com/3.28/"></script>
    <style type="text/css">
        body {
            margin: 0;
            padding: 0;
        }

        #map {
            height: 900px;
        }

        .MapClass {
            height: 900px;
        }
    </style>
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="zdlj.js"></script>
    <script src="zljd.js"></script>
</head>

<body>
    <div class="row">
        <div class="col-md-6">
            <input id="stop1" type="button" class="btn btn-default" value="停靠点" style="margin-left:20px;"/>
            <input id="barriers1" type="button" class="btn btn-default" value="障碍点" />
            <input id="analyse1" type="button" class="btn btn-default" value="分析" />
            <div id="MyMapDiv" class="MapClass"></div>
        </div>
        <div class="col-md-6">
            <input id="server" type="button" class="btn btn-default" value="服务点"  style="margin-left:20px;"/>
            <input id="eventPoint" type="button" class="btn btn-default" value="事件点" />
            <input id="barriers2" type="button" class="btn btn-default" value="障碍点" />
            <input id="analyse2" type="button" class="btn btn-default" value="分析" />
            <input id="clear" type="button" class="btn btn-default" value="清除" />
            <div id="map"></div>
        </div>
    </div>
</body>

</html>